#{extends 'overlay.html' /}


<ul id="data" id="Columnsofsnapshot" >
#{if cid==0}
<a href="/boards/loadboard1?sprintID=${snap.sprint.id}" title="back to board" class="tiptitize"><img src="@{'/public/images/famfam/back.bmp'}"></a>
#{/if}
#{else}
<a href="/boards/loadboard1?sprintID=${snap.sprint.id}&componentID=${cid}" title="back to board" class="tiptitize"><img src="@{'/public/images/famfam/back.bmp'}"></a>
#{/else}
<h1>${snap.type} Snapshot</h1>
		<table>
				<thead>	
					<td style="border:1px solid #333"><b>Headers</b></td>
					#{list items:Columnsofsnapshot, as:'col'}
					<td style="border:1px solid #333"> 		<div ><b>${col}</b></div></td>
					#{/list}
				</thead>
				#{list items:data, as:'component'}
				#{if component!=null}
				#{list items:cols, as:'col'}
				<td style="border:1px solid #333">
				
				</td>
				#{/list}
				</tr>
		
					<tr  >
											<td style="border:1px solid #333"><b>
											
											${component.title}</b></td>
						#{list items:component, as:'col'}
						
						<td style="border:1px solid #333">
						 
						
							#{list items:col, as:'task'}
								
							<p>
								
							
									
								
								
								
								
								
								<div style="border: 1px dotted black;" align="center">${task}</div>
								
								
							
								
								</p>
							#{/list}
						</td>
						#{/list}
					</tr>#{/if}
				#{/list}
			</table>


	
